<div #searchElem>
    <input type="text" [attr.placeholder]="searchType == 0 ? 'Search Company...': 'Portfolio Name...'" (keyup)="search()" (click)="search()" [(ngModel)]="term" class="form-control">
    <div *ngIf="this.show" class="card search-results shadow">
        <div *ngIf="this.found.length === 0" class="list-group list-group-flush">No matches found</div>

        <div *ngIf="this.found.length > 0" class="list-group list-group-flush" (scroll)='scroll($event)'>
            <li *ngFor="let elem of found" class="list-group-item link">
                <a *ngIf="!isDropDown" [routerLink]="this.navigateTo.replace('{id}', elem[this.routeIdentifier])" (click)="this.show=false">{{ elem[displayField] }}</a>
                <a *ngIf="isDropDown" href="javascript:;" (click)="dropDownSelect(elem)">{{ elem[displayField] }}</a>
            </li>
        </div>
    </div>
</div>